<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>个人信息详情</title>
		<jsp:include page="css.jsp"/>
		<jsp:include page="js.jsp"/>
		<link rel="stylesheet" href="static/wechat/center/css/personInfo.css">
	</head>
	<body>
		<div class="container">
			<div class="background"></div>

			<div class="page-header">个人信息详情</div>

			<div class="form-container">
				<table class="form-table">
					<tr>
						<td>姓名</td>
						<td>
							<div class="input-group">
								<input type="text" placeholder="请输入姓名" maxlength="10" id="personName">
							</div>
						</td>
					</tr>
					<tr>
						<td>性别</td>
						<td>
							<div class="input-group">
								<select id="personSexSelect">
									<option value="1" selected>男</option>
									<option value="2">女</option>
									<option value="0">保密</option>
								</select>
							</div>
						</td>
					</tr>
					<tr>
						<td>电话</td>
						<td>
							<div class="input-group">
								<input type="text" placeholder="请输入电话" maxlength="20" id="personMobile">
							</div>
						</td>
					</tr>
					<tr>
						<td>备注</td>
						<td>
							<div class="input-group">
								<textarea placeholder="请输入备注信息" maxlength="100" id="personDescription"></textarea>
							</div>
						</td>
					</tr>
				</table>

				<input type="hidden" id="alarmRuleId" />

				<div class="btn-container">
					<button class="btn reset-btn" id="resetBtn" onclick="resetForm()">重置</button>
					<button class="btn submit-btn" onclick="saveData(this)">保存</button>
				</div>
			</div>
		</div>

		<div class="message-container" id="messageContainer"></div>

		<a href="javascript:void(0)" onclick="goBack()" class="back-btn">↶</a>
	</body>
</html>
<script src="static/wechat/center/js/personInfo.js"></script>
<script src="static/wechat/center/js/message.js"></script>